root { 
  display             : block;
  font-family         : Gill Sans, Arial, Heveltica, sans-serif;
}

/* Header Styles */
header.header-diagonal {
  display             : block;
  position            : relative; 
  width               : auto;
  height              : 109px;
  margin-left         : auto;
  margin-right        : auto;
  background-image    : url('../img/gradient.png'); 
  background-repeat   : repeat-x; 
}

div.header-container {
  display             : block;
  position            : relative; 
  width               : 940px;
  height              : 109px;
  margin-left         : auto;
  margin-right        : auto;
}

figure.figure-dz {
  display             : inline-block;
  position            : relative; 
  margin-left         : 0px;  
}

img#img-dz {
  display             : block;
  position            : relative; 
  width               : 153px;
  height              : 78px;
}

/* Navigator Menu Styles */
nav.nav-container {
  display             : inline-block;
  position            : relative; 
  width               : auto;
  height              : auto;
  margin-left         : 0px;  
  margin-bottom       : 20px; 
}

nav.nav-container ul {
  text-align          : left; 
}

nav.nav-container ul li {
  display             : inline;
  position            : relative; 
  left                : -60px;
  float               : left; 
}

a#dz-offers, a#dz-place, a#dz-rooms {
  padding-left        : 11px;
  padding-right       : 11px;
  font-family         : Gill Sans, Arial, Heveltica, sans-serif;
  font-size           : 13px;
  font-weight         : bold; 
  font-stretch        : ultra-condensed; 	
  color               : #444444;
  text-decoration     : none; 
}

a#dz-place, a#dz-rooms {
  border-left         : solid 1px #CCCCCC;
}

a#dz-offers:hover, a#dz-place:hover, a#dz-rooms:hover {
  text-decoration     : underline; 
}

/* Main containet Styles */
div.main-container {
  display             : block;
  position            : relative;
  width               : 940px;
  height              : 410px;
  margin-left         : auto;
  margin-right        : auto; 
  background-color    : #6A8BA1; 
  border              : solid 1px #50697A;
  border-radius       : 3px;  
  z-index             : 1000; 
}

div.main-container-back {
  display             : block;
  position            : relative;
  width               : 940px;
  height              : 410px;
  margin-left         : auto;
  margin-right        : auto; 
  background-color    : #EDEDED; 
  border              : solid 1px #50697A;
  border-radius       : 3px;  
}

div.main-container-shadow {
  display             : block;
  position            : relative;
  width               : 940px;
  height              : 32px;
  top                 : -16px;
  margin-left         : auto;
  margin-right        : auto; 
  background-image    : url('../img/shadow.png'); 
  z-index             : 500; 
}

/* Left Menu Styles */
aside.sidebar {
  display             : block;
  position            : relative;  
  width               : 226px;
  height              : 375px;
  float               : left;
  margin-top          : 15px;
  margin-left         : 15px;
}

div#menu-link {
  display             : block;
  position            : relative;  
  width               : 228px;
  height              : 30px;
  border-bottom       : solid 1px #597587;
}

div#menu-resv, div#menu-prof {
  display             : inline-block;
  position            : relative;  
  width               : 111px;
  height              : 45px;
  float               : left;
  margin-left         : 0px;
  margin-right        : 0px;
  border-top          : solid 1px #597587;
  border-left         : solid 1px #597587;
  border-right        : solid 1px #597587;
  border-radius       : 3px;  
  z-index             : 500; 
}

div#menu-resv-back {
  display             : block;
  position            : relative;  
  width               : 111px;
  height              : 45px;
  margin-left         : 0px;
  margin-right        : 0px;
  text-align          : center; 
  border-top          : solid 1px #597587;
  border-left         : solid 1px #597587;
  border-right        : solid 1px #597587;
  border-radius       : 3px;  
  z-index             : 500; 
}

div#menu-prof {
  margin-left         : 2px;
}

div#menu-resv span {
  position            : relative;
  padding-left        : 10px; 
}

div#menu-prof span {
  position            : relative;
  padding-left        : 5px; 
}

div.menu-active {
  padding-top         : 8px; 
  color               : #353B40;
  font-family         : century gothic, Gill Sans, Arial, Heveltica, sans-serif; 
  font-size           : 14px; 
  font-weight         : 600;
  background-image    : url('../img/gradient-reservas.png'); 
}

div.menu-inactive {
  position            : relative;
  margin-top          : 2px;
  padding-top         : 6px; 
  color               : #353B40;
  text-align          : left; 
  background-color    : #4F6879; 
  color               : #FFFFFF;
}

div.menu-active span, div.menu-inactive span {
  font-family         : century gothic, Gill Sans, Arial, Heveltica, sans-serif; 
  font-size           : 14px; 
  font-weight         : 600;
  transform           : scale(1,1.2); /* W3C */
  -webkit-transform   : scale(1,1.3); /* Safari and Chrome */
  -moz-transform      : scale(1,1.4); /* Firefox */
  -ms-transform       : scale(1,1.1); /* IE 9 */
  -o-transform        : scale(1,1.4); /* Opera */
  cursor              : pointer;
}

div.menu-inactive span:hover {
  text-decoration     : underline; 
}

div#menu-content {
  display             : block;
  position            : relative;  
  width               : 226px;
  height              : 345px;
  background-color    : #FFFFFF; 
  border-left         : solid 1px #597587;
  border-right        : solid 1px #597587;
  border-bottom       : solid 1px #597587;
  border-radius       : 1px;  
  z-index             : 1000; 
}

div#menu-content-back {
  display             : block;
  position            : relative;  
  width               : 226px;
  height              : 345px;
  background-color    : #FFFFFF; 
  border-left         : solid 1px #597587;
  border-right        : solid 1px #597587;
  border-bottom       : solid 1px #597587;
  border-radius       : 1px;  
  z-index             : 1000; 
}

div#menu-content-date {
  display             : block;
  position            : relative;
  width               : 200px;
  height              : 135px;
  margin-left         : auto; 
  margin-right        : auto; 
}

div#menu-content-offers {
  display             : block;
  position            : relative;
  width               : 200px;
  height              : 35px;
  margin-left         : auto; 
  margin-right        : auto; 
  border : solid 1px red;
}

div#menu-content-offers-back {
  display             : block;
  position            : relative;
  width               : 200px;
  height              : 35px;
  margin-left         : auto; 
  margin-right        : auto; 
  text-align          : left; 
}

div#menu-content-best-price {
  display             : block;
  position            : relative;
  width               : 200px;
  height              : 45px;
  margin-left         : auto; 
  margin-right        : auto; 
  margin-top          : 0px;
  margin-bottom       : 5px;
  text-align          : center; 
  padding-bottom      : 10px; 
  background-image    : url('../img/mejoresPre.png'); 
  background-position : center; 
  background-repeat   : no-repeat; 
  border-top          : solid 1px #E1E1E1;
  border-bottom       : solid 1px #E1E1E1;
}

div#menu-content-skype {
  display             : block;
  position            : relative;
  width               : 220px;
  height              : 145px;
  margin-left         : auto; 
  margin-right        : auto; 
  background-image    : url('../img/telefono-skype-bg.png'); 
}

div#menu-content-stat-offer {
  display             : block;
  position            : relative;
  width               : 220px;
  height              : 145px;
  margin-left         : auto; 
  margin-right        : auto; 
  background-image    : url('../img/telefono-skype-bg.png'); 
}

div#menu-content-stat-note {
  display             : block;
  position            : relative;
  width               : 220px;
  height              : 145px;
  margin-top          : 5px;
  margin-left         : auto; 
  margin-right        : auto; 
  background-image    : url('../img/telefono-skype-bg-nl.png'); 
  font-family         : century gothic, Gill Sans, Arial, Heveltica, sans-serif; 
  font-size           : 10px; 
  font-weight         : normal;
  transform           : scale(1,1.1); /* W3C */
  -webkit-transform   : scale(1,1.1); /* Safari and Chrome */
  -moz-transform      : scale(1,1.1); /* Firefox */
  -ms-transform       : scale(1,1.1); /* IE 9 */
  -o-transform        : scale(1,1.1); /* Opera */
  text-align          : justify; 
  color               : #557082;
}

div#menu-content-stat-note p {
  position            : relative;
  padding-top         : 10px;  
  padding-left        : 10px;  
  padding-right       : 15px;  
}

img#menu-arrow {
  display             : block;
  position            : absolute;
  left                : -21px;
}

div#menu-content-skype-phone {
  display             : block;
  position            : relative;
  width               : 220px;
  height              : 60px;
  padding-top         : 10px; 
  padding-left        : 10px; 
  margin-left         : auto; 
  margin-right        : auto; 
}

div.menu-content-skype-text {
  display             : block;
  position            : relative;
  font-family         : century gothic, Gill Sans, Arial, Heveltica, sans-serif; 
  font-size           : 11px; 
  font-weight         : normal;
  transform           : scale(1,1.4); /* W3C */
  -webkit-transform   : scale(1,1.4); /* Safari and Chrome */
  -moz-transform      : scale(1,1.4); /* Firefox */
  -ms-transform       : scale(1,1.4); /* IE 9 */
  -o-transform        : scale(1,1.4); /* Opera */
  text-align          : left; 
  color               : #557082;
}

div.menu-content-note-text {
  display             : block;
  position            : relative;
  font-family         : century gothic, Gill Sans, Arial, Heveltica, sans-serif; 
  font-size           : 11px; 
  font-weight         : normal;
  transform           : scale(1,1.4); /* W3C */
  -webkit-transform   : scale(1,1.4); /* Safari and Chrome */
  -moz-transform      : scale(1,1.4); /* Firefox */
  -ms-transform       : scale(1,1.4); /* IE 9 */
  -o-transform        : scale(1,1.4); /* Opera */
  text-align          : left; 
  color               : #557082;
}

div.menu-content-backoffice-header {
  display             : relative;
  position            : relative;
  width               : auto;
  height              : auto;
  top                 : 7px;
  left                : 0px; 
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 12px; 
  font-weight         : normal;
  text-decoration     : underline; 
  transform           : scale(1,1.2); /* W3C */
  -webkit-transform   : scale(1,1.2); /* Safari and Chrome */
  -moz-transform      : scale(1,1.2); /* Firefox */
  -ms-transform       : scale(1,1.2); /* IE 9 */
  -o-transform        : scale(1,1.2); /* Opera */
  text-align          : left; 
  color               : #32424c;
}

div.menu-content-skype-phone-number {
  padding-top         : 4px; 
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 19px; 
  font-weight         : normal;
  transform           : scale(1,1.2); /* W3C */
  -webkit-transform   : scale(1,1.2); /* Safari and Chrome */
  -moz-transform      : scale(1,1.2); /* Firefox */
  -ms-transform       : scale(1,1.2); /* IE 9 */
  -o-transform        : scale(1,1.2); /* Opera */
  text-align          : left; 
  color               : #32424c;
}

div.menu-content-number-offers {
  padding-top         : 4px; 
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 19px; 
  font-weight         : normal;
  transform           : scale(1,1.2); /* W3C */
  -webkit-transform   : scale(1,1.2); /* Safari and Chrome */
  -moz-transform      : scale(1,1.2); /* Firefox */
  -ms-transform       : scale(1,1.2); /* IE 9 */
  -o-transform        : scale(1,1.2); /* Opera */
  text-align          : left; 
  color               : #32424c;
}

div#menu-content-skype-hour {
  display             : block;
  position            : relative;
  width               : 210px;
  height              : 60px;
  padding-top         : 10px; 
  padding-left        : 10px; 
  margin-left         : auto; 
  margin-right        : auto;
  text-align          : left; 
}

div.menu-content-skype-range {
  display             : block;
  position            : relative;
}

img.menu-content-skype-dhour1 {
  display             : inline-block;
  position            : relative;
  padding-left        : 2px; 
  top                 : 2px; 
}

img.menu-content-skype-dhour2 {
  display             : inline-block;
  position            : relative;
  top                 : 6px; 
}

span.menu-content-skype-dhour {
  display             : inline-block;
  position            : relative;
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 12px; 
  color               : #666666;
}

form.menu-content-date-resv {
  display             : block;
  position            : relative;
  padding-top         : 15px;
}

div.calendar-div {
  display             : inline-block;
  position            : relative;
  width               : 90px;
  height              : 50px;
  top                 : 0px; 
  margin-right        : 8px;
}

div.date-in, div.date-out {
  display             : block;
  position            : relative;
  width               : 90px;
  border              : solid 1px #CCCCCC;
}

input#inDate, input#outDate {
  display             : inline-block;
  position            : relative;
  width               : 60px;
  height              : 20px;
  margin-left         : 5px;
  top                 : 0px;
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 11px; 
  color               : #666666;
  border              : none;
}

img.img-date-in, img.img-date-out {
  display             : inline-block;
  position            : relative;
  margin-left         : 2px;
  top                 : 3px;
  cursor              : pointer; 
}

label#label-date-in, label#label-date-out, label#label-night {
  display             : block;
  position            : relative;
  height              : 20px;
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 12px; 
  font-weight         : normal;
  transform           : scale(1,1.1); /* W3C */
  -webkit-transform   : scale(1,1.1); /* Safari and Chrome */
  -moz-transform      : scale(1,1.1); /* Firefox */
  -ms-transform       : scale(1,1.1); /* IE 9 */
  -o-transform        : scale(1,1.1); /* Opera */
  margin-bottom       : 1px; 
  color               : #278CCD;
}

div.night {
  display             : inline-block;
  position            : relative;
  width               : 50px;
  height              : 50px;
  top                 : 5px; 
  margin-right        : 8px;
}

input#in-night {
  display             : inline-block;
  position            : relative;
  width               : 50px;
  height              : 20px;
  margin-left         : 0px;
  top                 : 0px;
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 11px; 
  text-align          : center; 
  color               : #666666;
  border              : solid 1px #CCCCCC;
}

input#in-button {
  display             : inline-block;
  position            : relative;
  width               : 125px;
  height              : 28px;
  top                 : 5px;
  left                : 5px;
  font-family         : century gothic, Gill Sans, Arial, Heveltica, sans-serif; 
  font-size           : 1em; 
  font-weight         : normal;
  font-style          : initial;
  background-color    : #FDBF11; 
  box-shadow          : 1px 1px 1px #CCCCCC;
  border-radius       : 4px;  
}

/* Main Content Styles */

article.article-content {
  display             : inline-block;
  position            : relative;  
  width               : 665px;
  height              : 380px;
  margin-top          : 15px;
  margin-left         : 15px;
}

article.article-content-back {
  display             : inline-block;
  position            : relative;  
  width               : 665px;
  height              : 380px;
  margin-top          : 15px;
  margin-left         : 15px;
}

div.cycle-slideshow {
  position            : relative;
}

div.cycle-slideshow img {
  position            : relative;
  width               : 665px;
  height              : 267px;
  margin-left         : auto;
  margin-right        : auto;
  text-align          : center;
  z-index             : 500; 
}

a.prev-img {
  display             : block;
  position            : absolute;
  width               : 35px;
  height              : 37px;
  top                 : 115px;
  left                : 2px;
  background-image    : url('../img/flechaLeft.png');
}

a.next-img {
  display             : block;
  position            : absolute;
  width               : 35px;
  height              : 37px;
  top                 : 115px;
  left                : 630px;
  background-image    : url('../img/flechaRight.png');
}

div.center {
  position            : absolute;
  width               : 675px;
  height              : 267px;
  margin-left         : auto;
  margin-right        : auto;
  text-align          : center;
  z-index             : 1000; 
}

div.bz-info {
  display             : block;
  position            : relative;
  width               : 660px;
  height              : 100px;
  top                 : 10px;
  left                : 3px;
}

div.bz-welcome {
  display             : inline-block;
  position            : relative;
  float : left;
  width               : 315px;
  height              : 100px;
  left                : 3px;
  padding-left        : 0px; 
  padding-right       : 15px; 
  border-right        : groove 2px #6A8BA1;
}

h1.bz-welcome {
  display             : block;
  position            : relative;
  width               : 330px;
  height              : auto;
  margin-top          : 0px;
  margin-bottom       : 0px; 
  padding-bottom      : 10px; 
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 24px; 
  font-weight         : normal;
  color               : #FEFEFE;
}

p.bz-welcome-msg {
  display             : block;
  position            : relative;
  width               : 315px;
  height              : auto;
  margin-top          : 0px;
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 12px; 
  font-weight         : normal;
  text-align          : justify; 
  color               : #FEFEFE;
}

div.bz-offer-info {
  display             : inline-block;
  position            : relative;
  width               : 310px;
  height              : 100px;
  padding-left        : 15px; 
  padding-right       : 0px; 
}

h1.bz-offer-header {
  display             : block;
  position            : relative;
  width               : 310px;
  height              : auto;
  margin-top          : 0px;
  margin-bottom       : 0px; 
  padding-bottom      : 10px; 
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 20px; 
  font-weight         : normal;
  color               : #FEFEFE;
}

ul.bz-offer-list {
  position            : relative;
  width               : 290px;
  height              : auto;
  margin-top          : 0px;
  margin-bottom       : 0px;
  padding-left        : 20px; 
  list-style-image    : url('../img/star.png');
  color               : #FEFEFE;
}

ul.bz-offer-list li {
  height              : 17px;
  margin-top          : 0px;
  margin-bottom       : 0px;
  padding-top         : 0px; 
  padding-bottom      : 0px; 
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 11px; 
  font-weight         : bold;
  transform           : scale(1,1.1); /* W3C */
  -webkit-transform   : scale(1,1.1); /* Safari and Chrome */
  -moz-transform      : scale(1,1.1); /* Firefox */
  -ms-transform       : scale(1,1.1); /* IE 9 */
  -o-transform        : scale(1,1.1); /* Opera */
} 

ul.bz-offer-list li a {
  text-decoration     : none; 
  color               : #FEFEFE;
}  

ul.bz-offer-list li.hightlight a {
  color               : #FDC214;
}

span.arrows {
  font-family         : "Adobe Caslon Pro", sans-serif; 
  font-size           : 13px; 
  font-weight         : normal;
}

div.bz-all-offers {
  display             : block;
  position            : relative;
  width               : 310px;
  height              : 10px;
  padding-left        : 0px; 
  padding-right       : 0px;
  margin-top          : 0px;
  text-align          : right;
}

div.bz-all-offers a {
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 11px; 
  font-weight         : bold;
  color               : #D4EEFF;        
}

.hidden {
	opacity             : 0;
	position            : absolute;
}
.visible {
	opacity             : 1;
}

input.calendar, select.calendar {
  width               : 60px;
}
button.calendar {
  display             : inline-block;
  position            : absolute;
  width               : 15px;
  height              : 14px;
  top                 : 3px;
  margin-left         : 2px;
  margin-top          : 1px;
  border              : 0;
  background          : url('../img/calendarImage.png');
  cursor              : pointer;
}

button.calendar:hover, button.calendar.active {
  top                 : 2px;
	box-shadow          : 1px 1px 1px #888888;
}

div.calendar {
	width               : 147px;
	height              : 195px;
	padding             : 0px 6px;
	text-align          : center;
	background          : url('../img/calendar.png');
}	

div.calendar * {
  margin              : 0px;
  padding             : 0px;
}	

div.calendar div {
  position            : relative;
  width               : 147px;
  height              : 185px;
  padding-top         : 10px;
  overflow            : hidden;
  background          : none !important;
  cursor              : move;
}	
	
div.calendar caption {
  width               : 100%;
  padding-top         : 6px;
  text-align          : center;
  color               : #333333;
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 12px; 
  font-weight         : normal;
}

div.calendar caption a {
  display             : block;
  position            : absolute;
  width               : 11px;
  height              : 12px;
  top                 : 17px;
  text-indent         : -100px;
  overflow            : hidden;
  cursor              : pointer;
}

div.calendar caption a.prev {
  left                : 0px;
  background-image    : url('../img/calendar-prev.gif');
}

div.calendar caption a.next {
  right               : 0px;
  background-image    : url('../img/calendar-next.gif');
}

div.calendar caption a:hover {
  background-position : 0px 12px;
}

div.calendar caption span {
  position            : relative;
  height              : 25px;
  text-align          : center;
}

div.calendar caption span.month {
  padding-right       : 8px;
}

div.calendar caption span.month:after {
  content             : ',';
}

div.calendar table {
  width               : 147px;
  margin              : 0px auto;
  background          : #FFFFFF;
  border              : 0px;
  border-collapse     : collapse;
  border-spacing      : 0px;
  overflow            : hidden;
  cursor              : default;
}

div.calendar td, div.calendar th {
  width               : 21px;
  height              : 21px;
  border              : 0px;
  font                : normal 12px Arial, Helvetica, sans-serif;
  text-align          : center;
  color               : #0597DB;
}
div.calendar td {
  font-size           : 11px;
  background          : url('../img/calendar-td.gif');
  color               : #FFFFFF;
}
div.calendar td.invalid {
  color               : #999999;
}
div.calendar td.valid {
  background          : url('../img/calendar-valid.gif');
  color               : #0597DB;
  cursor              : pointer;
}
div.calendar td.hilite {
  background          : url('../img/calendar-hilite.gif');
}
div.calendar td.inactive {
  background          : url('../img/calendar-td.gif') 0 100%;
  color               : #FFFFFF;
}
div.calendar td.active, div.calendar td.hover {
  background          : url('../img/calendar-valid.gif') 0 100%;
  color               : #FFFFFF;
  cursor              : pointer;
}

div.custom-offers {
  display             : block;
  position            : relative;
  width               : 655px;
  height              : 360px;
  top                 : -25px;
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 12px; 
  font-weight         : normal;
}
  
div.custom-offers table {
  position            : relative;
  top                 : 5px;
  padding-top         : 5px;
  margin-bottom       : 15px;
  background-color    : #EDEDED; 
  border              : solid 1px #EDEDED;        
  border-radius       : 5px;  
}

div.toolbar-offer {
  position            : relative;
  font-family         : Arial, Heveltica, sans-serif; 
  font-size           : 8px; 
  font-weight         : normal;
}

tr.header-offers {
  font-size           : 16px; 
  font-weight         : bold;
  text-align          : left; 
  color               : #FFFFFF;
}

tr.header-offers th.th1 {
  width               : 500px;
}

tr.header-offers th.th2 {
  width               : 155px;
}

div.newOffer {
  position            : absolute;
  text-align          : center; 
}

div.newOffer button {
  position            : relative;
  text-align          : center; 
}

button.add_row {
  position            : relative;
  text-align          : center; 
}

button.delete_row {
  position            : relative;
  text-align          : center; 
}

